<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>宝生和鸣</title>
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <meta content="telephone=no" name="format-detection">
  <link rel="icon" href="images/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./layui/css/layui.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/animation.css">
  <link rel="stylesheet" type="text/css" media="screen and (min-width:961px)" href="./css/pc.css">
  <link rel="stylesheet" type="text/css" media="screen and (max-width:960px)" href="./css/wap.css">
</head>

<body ontouchstart class="bj">
  <!-- header 模块 -->
  <div class="header header-bg-black">
    <div class="header-container clear">
      <img src="images/logo.png" class="logo">
      <div class="nav-btn">
        <span class="n1"></span>
        <span class="n2"></span>
        <span class="n3"></span>
      </div>
      <div class="nav clear">
        <a class="nav-item" href="index.html">
          <span class="text">首页</span>
        </a>
        <a class="nav-item" href="news.html">
          <span class="text">新闻资讯</span>
        </a>
        <a class="nav-item" href="product.html">
          <span class="text">产品介绍</span>
        </a>
        <a class="nav-item" href="about.html">
          <span class="text">关于我们</span>
        </a>
        <a class="nav-item wap-hide on" href="personCenter.html">
          <span class="text">个人中心</span>
        </a>
        <a class="nav-item personal" href="personCenterWap.html">
          <span class="text">个人中心</span>
        </a>
      </div>
    </div>
  </div>
  <div class="pop-nav" style="background: rgba(255, 255, 255, 0); position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 10; display: none;"></div>
  <!-- 登录 -->
  <div class="content">
    <div class="login" style="display:none;">
      <div class="login-title">登录</div>
      <div class="login-logo"><img src="images/logo2.png" alt=""></div>
      <div class="layui-form login-form">
        <div class="layui-form-item">
          <label class="layui-form-label" for="account">
            <img src="./images/login-1.png" alt="" class="icon">
          </label>
          <div class="layui-input-block">
            <input type="text" placeholder="请输入用户账号/手机号码" id="account" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label" for="pass">
            <img src="./images/login-2.png" alt="" class="icon">
          </label>
          <div class="layui-input-block">
            <input type="password" placeholder="请输入密码" id="pass" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item href-btn">
          <a href="forget.html">忘记密码？</a>
        </div>
        <div class="layui-form-item">
          <div class="layui-input-block">
            <button class="layui-btn layui-btn-normal" id="login" href="personCenter.html">登录</button>
          </div>
        </div>
        <div class="layui-form-item init-item">
          还没账户？赶紧
          <a class="orange" href="register.html">注册 </a>
          吧
        </div>
      </div>
    </div>

    <!-- 选择账户 -->
    <div class="login zh" >
        <div class="title">请选择账户登录</div>
        <div class="layui-form login-form">
          <div style="margin-bottom:20px;">
              <div><input type="radio" name="sex" value="nan" title="xiaoguna@163.com" checked></div>
              <div><input type="radio" name="sex" value="nan" title="xiaoguan123"></div>
              <div><input type="radio" name="sex" value="nan" title="xiaoguan123"></div>
              <div><input type="radio" name="sex" value="nan" title="xiaoguan123"></div>
          </div>
          <div class="layui-form-item">
            <div class="layui-input-block">
              <button class="layui-btn layui-btn-normal" id="login" href="personCenter.html">确 定</button>
            </div>
          </div>
        </div>
      </div>


  </div>

  <script src="js/jquery-1.8.3.min.js"></script>
  <script src="./layui/layui.js"></script>
  <script src="js/fastclick.js"></script>
  <script src="js/common.js"></script>
  <script>
    layui.use(['jquery','form'], function () {
      var $ = layui.$,form = layui.form;
      $('#login').click(function () {
        if ($(window).width() > 1200) {
          window.location.href="personCenter.html"
        }else{
          window.location.href = "personCenterWap.html"
        }
      })
    });
  </script>
</body>

</html>